﻿
div#mnn ul{list-style: none;}
div#mnn
{
	width: 100%;
	font-family: 'Times New Roman' , Times, serif;
	font-size: medium;
	margin:0px;padding:0px;
}
div#mnn ul#topmnn
{	
	width: 100%;	
	height: 28px;
	background:  url(  '../images/top-nav.jpg' ) repeat-x;
	behavior: url(whateverhover.htc);	
}
div#mnn ul#topmnn li
{
	position: relative;
	float: left;
	height: 28px;
	padding: 0px;
	border-right: 1px solid #2f6184;
	border-right-color: #5BA6D7;
}
div#mnn ul#topmnn li:last-child
{
	border:none;	
}
div#mnn ul#topmnn li a
{
	padding: 4px 20px;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
div#mnn ul#topmnn li:hover {
background:  url('../images/MenuTop_bg.jpg') repeat-x;
}

                                         
    div#mnn ul#topmnn li.active {
  background:  url('../images/bottom-nav.jpg') repeat-x;
    }
  div#mnn ul#topmnn li ul.children
{
	position: absolute;
	left: -25px;
	top: 28px;
	display: none;
	width: 140px;
	color: white;
	-moz-border-radius: 0px 0px 5px 5px;
	-khtml-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	z-index: 10000;	
	font-size: small;
	font-family: 'Times New Roman' , Times, monospace;
}
  div#mnn ul#topmnn li ul.children li
{
	height:26px;
	border: none;
	width: 160px;
	background:  url(  '../images/top-nav.jpg' ) repeat-x;

	
}
  div#mnn ul#topmnn li ul.children li:last-child
{
	-moz-border-radius: 0px 0px 5px 5px;
	-khtml-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;	
}
  div#mnn ul#topmnn li:hover ul {     display: block;       }         
   div#mnn ul#topmnn li.active ul {     display: block;       }     
     
  div#mnn ul#topmnn li ul a
{	
	padding: 5px 5px 0px 5px;
	
	
	
} 
  div#mnn ul#topmnn li ul li:hover
{	
	background:  url('../images/bottom-nav.jpg') repeat-x;
}
 
